<!DOCTYPE HTML>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title></title>

	<link media="all" rel="stylesheet" href="css/reset.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/global.css" type="text/css" />
	<link media="all" rel="stylesheet" href="css/codemirror/codemirror.css" type="text/css" />

	<script src="js/codemirror/codemirror.js" type="text/javascript"></script>
	<script src="js/codemirror/mode/xml/xml.js" type="text/javascript"></script>
	<script src="js/codemirror/mode/javascript/javascript.js" type="text/javascript"></script>
	<script src="js/codemirror/mode/css/css.js" type="text/javascript"></script>
	<script src="js/codemirror/mode/htmlmixed/htmlmixed.js" type="text/javascript"></script>
	<script src="js/html2.js" type="text/javascript"></script>

	<style type="text/css">
		#wrapper h1{
			color:#0090B3;
		}
		p{
			margin:10px 0;
		}
		#page span{
			background:#0090B3;
		}
		#result{
			border:dotted 2px #CCC;
			margin:10px 0;
			height:100px;
		}
	</style>
</head>
<body>
	<div id="wrapper">
		<h1>改变自己</h1>
		<p>在下面代码框内为你姓名增加Html标签，使其成为粗体并显示为红色</p>
		<div id="codearea"></div>
		<p>运行结果</p>
		<div id="result" style=""></div>
		<button id="finished">Done!</button>
	</div>
	<div id="page">
		<span>2/8</span>
		<br />
		<em>&#64;<a target="_blank" href="http://whulecture.net">whulecture.net</a></em>
	</div>
</body>
</html>
